<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<style>
	body{
		margin: 0;
		padding: 0;
		background-color: rgba(216,216,216,1.00)
	}
	body>div{
		width: 200px;
		height: 200px;
		background-color: green;
		color: white;
		float: left;
		margin: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.rotateXTest{
		transform: rotateX(40deg);
	}
	.rotateYTest{
		transform: rotateY(40deg);
	}
	.rotateZTest{
		transform: rotateZ(40deg);
	}
	</style>
<body>
	<div class="rotateXTest">rotateX</div>
	<div class="rotateYTest">rotateY</div>
	<div class="rotateZTest">rotateZ</div>
	<div>none</div>
</body>
</html>
